iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
0
Software Development

App Inventor學習筆記系列 第 3

03. 開發介面介紹(程式設計篇)

  • 分享至 

  • xImage
  •  

昨天講了畫面設計篇,今天接著介紹程式設計的開發介面

由右上角的程式設計按鈕切換

方塊區就是我們要用的程式積木

包含內建方塊與畫面設計拉進來的元件

把需要的用拖的拖進工作面板區

然後組合起來即可

跟Scratch比較不一樣的是,Scratch有不同的顏色跟形狀

很直覺知道什麼樣的程式區塊要放在什麼框框內

App Inventor則是只有一個形狀,要自己去判斷初步的邏輯

不需要的元件直接拖拉到右下角的垃圾桶即可

內建方塊的部分就是一些邏輯、資料、運算的部分

包括if-else、while.... 通用的邏輯

如果要觸發點選按鈕事件,對應的區塊在按鈕裡

一樣是用顏色來區分,土黃色是邏輯的部分

深綠色的部分就是元件屬性的set跟get

昨天介紹元件外觀由元件屬性修改,也可以在程式區塊改變元件的外觀

今天就先介紹到此

之後用案例來詳細說明每個方塊功能


上一篇
02. 開發介面介紹(畫面編排篇)
系列文
App Inventor學習筆記3
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言